<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>快乐Go</title>
    <meta name="keywords" content="商城" />
    <meta name="description" content="商城" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/amazeui.min.js"></script>
    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
    <link rel="stylesheet" href="css/style.css" type="text/css" />
    <script src="./js/vue.js"></script>
    <link rel="stylesheet" href="./css/buttom_button.css">
</head>

<body>
    <header data-am-widget="header" class="am-header am-header-default s-header">

        <h1 class="am-header-title">
            购物车
        </h1>
        <div class="am-header-right am-header-nav">
            <a href="../index.html" class=""> <i class="iconfont">&#xe601;</i> </a>
        </div>
    </header>
    <div class="jl"></div>

    <ul class="shopcart-list">
        <li>
            <label class="am-checkbox am-warning">
                 <input type="checkbox" checked="checked" value="" data-am-ucheck checked>
                </label>
            <a href="detail.html"><img src="images/11.jpg" class="shop-pic" /></a>
            <div class="shop-list-mid">
                <div class="tit"><a href="detail.html">帅气夹克装男装男装包邮帅气夹克装男装男装包邮</a></div>
                <div class="d-stock">
                    <a class="decrease">-</a>
                    <input id="num" readonly="" class="text_box" name="" type="text" value="1">
                    <a class="increase">+</a>
                </div>
            </div>
            <b class="shop-list-price">￥169 </b>
            <div class="del"><i class="am-icon-trash"></i></div>
        </li>
        <li>
            <label class="am-checkbox am-warning">
                 <input type="checkbox" checked="checked" value="" data-am-ucheck checked>
                </label>
            <a href="detail.html"><img src="images/12.jpg" class="shop-pic" /></a>
            <div class="shop-list-mid">
                <div class="tit"><a href="detail.html">帅气夹克装男装男装包邮帅气夹克装男装男装包邮</a></div>
                <div class="d-stock">
                    <a class="decrease">-</a>
                    <input id="num" readonly="" class="text_box" name="" type="text" value="1">
                    <a class="increase">+</a>
                </div>
            </div>
            <b class="shop-list-price">￥169 </b>
            <div class="del"><i class="am-icon-trash"></i></div>
        </li>
        <li>
            <label class="am-checkbox am-warning">
                 <input type="checkbox" checked="checked" value="" data-am-ucheck checked>
                </label>
            <a href="detail.html"><img src="images/13.jpg" class="shop-pic" /></a>
            <div class="shop-list-mid">
                <div class="tit"><a href="detail.html">帅气夹克装男装男装包邮帅气夹克装男装男装包邮</a></div>
                <div class="d-stock">
                    <a class="decrease">-</a>
                    <input id="num" readonly="" class="text_box" name="" type="text" value="1">
                    <a class="increase">+</a>
                </div>
            </div>
            <b class="shop-list-price">￥169 </b>
            <div class="del"><i class="am-icon-trash"></i></div>
        </li>
        <li>
            <label class="am-checkbox am-warning">
                 <input type="checkbox" checked="checked" value="" data-am-ucheck checked>
                </label>
            <a href="detail.html"><img src="images/11.jpg" class="shop-pic" /></a>
            <div class="shop-list-mid">
                <div class="tit"><a href="detail.html">帅气夹克装男装男装包邮帅气夹克装男装男装包邮</a></div>
                <div class="d-stock">
                    <a class="decrease">-</a>
                    <input id="num" readonly="" class="text_box" name="" type="text" value="1">
                    <a class="increase">+</a>
                </div>
            </div>
            <b class="shop-list-price">￥169 </b>
            <div class="del"><i class="am-icon-trash"></i></div>
        </li>

    </ul>

    <div class="shop-fix">

        <label class="am-checkbox am-warning">
               <input type="checkbox" checked="checked" value="" data-am-ucheck checked>
            </label>
        <a class="del">批量删除</a>
        <a href="tureorder.html" class="js-btn">去结算</a>
        <div class="js-text">
            <P>合计：<b>￥0.00</b></P>
            <p class="js-car">免费配送</p>
        </div>
    </div>
    <div class="jl"></div>
    <div data-am-widget="navbar" class="am-navbar  gm-foot am-no-layout" id="">
        <ul class="am-navbar-nav am-cf am-avg-sm-5">
            <li class="curr">
                <a href="../index.html" class="curr">
                    <span class="iconfont icon-home"></span>
                    <p>首页</p>
                </a>
            </li>
            <li>
                <a href="search.html" class="">
                    <span class="iconfont icon-search"></span>
                    <p>搜索</p>
                </a>
            </li>
            <li>
                <a href="category.html" class="">
                    <span class="iconfont icon-kind"></span>
                    <p>分类</p>
                </a>
            </li>
            <li>
                <a href="shopcar.html" class="">
                    <span class="iconfont icon-car"></span>
                    <p>购物车</p>
                </a>
            </li>
            <li>
                <a href="member.html" class="">
                    <span class="iconfont icon-mine"></span>
                    <p>我的</p>
                </a>
            </li>
        </ul>
    </div>
    <script>
        //购物数量加减
        $(function() {
            $('.increase').click(function() {
                var self = $(this);
                var current_num = parseInt(self.siblings('input').val());
                current_num += 1;
                self.siblings('input').val(current_num);
                update_item(self.siblings('input').data('item-id'));
            })
            $('.decrease').click(function() {
                var self = $(this);
                var current_num = parseInt(self.siblings('input').val());
                if (current_num > 1) {
                    current_num -= 1;
                    self.siblings('input').val(current_num);
                    update_item(self.siblings('input').data('item-id'));
                }
            })
        })
    </script>

</body>

</html>